import React from 'react';
import { Tabs, WhiteSpace } from 'antd-mobile';

class Demo extends React.Component {
  renderContent = tab =>
    (<div style={{ display: 'flex',  backgroundColor: '#fff' }}>
      <p>Content of {tab.title}</p>
    </div>);

  render() {
    const tabs = [
      { title: '1st Tab' },
      { title: '2nd Tab' },
      { title: '3rd Tab' }
    ];

    return (
      <div>
        <Tabs tabs={tabs} renderTabBar={props => <Tabs.DefaultTabBar {...props} page={3} swipeable={false}/>}>
          {this.renderContent}
        </Tabs>
      </div>
    );
  }
}

export default Demo